<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>forEach</title>
</head>
<body>
    
</body>
</html>
<script>
    /*
        一般我们都是使用 for 循环去遍历数组，
            JS 中还为我们提供了一个方法，用来遍历数组
        forEach()
            - 这个方法只支持 IE8 以上的浏览器 ❗❗❗
                IE8 及以下的浏览器均不支持该方法，所以如果需要兼容IE8，则不要使用forEach
                还是使用for循环来遍历
    */

    var arr = ["孙悟空","猪八戒","沙和尚","唐僧","白龙马"];

    /*
        forEach()方法需要一个函数作为参数
            - 像这种函数，由我们创建但是不由我们调用的，我们称为回调函数
            - 数组中有几个元素，函数就会执行几次
                以实参的形式传递进来，我们可以定义形参，来读取这些内容
            - 浏览器会在回调函数中传递三个参数
                第一个参数，就是当前正在遍历的元素
                第二个参数，就是当前正在遍历的元素的索引
                第三个参数，就是正在遍历的数组
    */
    arr.forEach(
        function(value,index,obj){
            console.log("value="+value,"index="+index,"object="+obj);

        }
    );



    var ary =[1,2,3,4,5,6,7];

    ary.forEach(function(value,index,obj){
        document.write("value="+value,"&nbsp;index="+index,"&nbsp;obj="+obj+"<br>");
    });






</script>